<!doctype html>
<html lang=en data-bs-theme=auto>
  
  <head>
    <meta charset=utf-8>
    <meta http-equiv=x-ua-compatible content="ie=edge">
    <meta name=viewport content="width=device-width,initial-scale=1">
    <link rel=preload href=/fonts/vendor/jost/jost-v4-latin-regular.woff2 as=font type=font/woff2 crossorigin>
    <link rel=preload href=/fonts/vendor/jost/jost-v4-latin-500.woff2 as=font type=font/woff2 crossorigin>
    <link rel=preload href=/fonts/vendor/jost/jost-v4-latin-700.woff2 as=font type=font/woff2 crossorigin>
    <script src=/js/color-mode.86a91f050a481d0a3f0c72ac26543cb6228c770875981c58dcbc008fd3f875c8.js integrity="sha256-hqkfBQpIHQo/DHKsJlQ8tiKMdwh1mBxY3LwAj9P4dcg=">
    </script>
    <link rel=stylesheet href=/main.b56155eec94d98e66050c208cfc678e178927518ba86ef5260e6e57b8c4a57aa01a846d3d90e766912bddb6e1dfe05241e5fa573ab48f9b21216a7c862117de4.css integrity="sha512-tWFV7slNmOZgUMIIz8Z44XiSdRi6hu9SYOble4xKV6oBqEbT2Q52aRK9224d/gUkHl+lc6tI+bISFqfIYhF95A==" crossorigin=anonymous>
    <noscript>
      <style>img.lazyload{display:none}</style>
    </noscript>
    <link rel=canonical href=/blog/example-post/>
    <title>Example Post | My Docs</title>
    <meta name=description content="Just an example post.">
    <link rel=icon href=/favicon-16x16.png sizes=16x16 type=image/png>
    <link rel=icon href=/favicon-32x32.png sizes=32x32 type=image/png>
    <link rel=icon href=/favicon-150x150.png sizes=150x150 type=image/png>
    <link rel=apple-touch-icon href=/apple-touch-icon.png sizes=180x180 type=image/png>
    <link rel=icon href=/favicon-192x192.png sizes=192x192 type=image/png>
    <link rel=icon href=/favicon-512x512.png sizes=512x512 type=image/png>
    <link rel=icon href=/favicon.svg>
    <link rel=mask-icon href=/mask-icon.svg color=white>
    <meta property="og:title" content="Example Post">
    <meta property="og:description" content="Just an example post.">
    <meta property="og:type" content="article">
    <meta property="og:url" content="/blog/example-post/">
    <meta property="og:image" content="/cover.png">
    <meta property="article:section" content="blog">
    <meta property="article:published_time" content="2023-09-07T16:27:22+02:00">
    <meta property="article:modified_time" content="2023-09-07T16:27:22+02:00">
    <meta property="og:site_name" content="My Docs">
    <meta name=twitter:card content="summary_large_image">
    <meta name=twitter:image content="/cover.png">
    <meta name=twitter:title content="Example Post">
    <meta name=twitter:description content="Just an example post.">
    <meta name=twitter:site content="@getdoks">
    <script type=application/ld+json>{
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [{
          "@type": "ListItem",
          "item": "/",
          "name": "Welcome to Doks",
          "position": 1
        },
        {
          "@type": "ListItem",
          "item": "/blog/",
          "name": "Blog",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Example Post",
          "position": 3
        }]
      }</script>
    <script type=application/ld+json>{
        "@context": "https://schema.org",
        "@graph": [{
          "@type": "BlogPosting",
          "headline": "Example Post",
          "description": "Just an example post.",
          "isPartOf": {
            "@id": "/blog/example-post/"
          },
          "mainEntityOfPage": {
            "@id": "/blog/example-post/"
          },
          "datePublished": "2023-09-07T16:27:22+02:00",
          "dateModified": "2023-09-07T16:27:22+02:00",
          "author": {
            "@type": "Organization",
            "name": "Hyas",
            "url": "/"
          },
          "publisher": {
            "@type": "Organization",
            "name": "Hyas"
          }
        }]
      }</script>
  </head>
  
  <body class="single section blog" data-bs-spy=scroll data-bs-target=#toc data-bs-root-margin="0px 0px -60%" data-bs-smooth-scroll=true tabindex=0>
    <div class=sticky-top>
      <header class="navbar navbar-expand-lg">
        <div class=container-lg>
          <a class="navbar-brand me-auto me-lg-3" href=/>My Docs</a>
          <button type=button id=searchToggleMobile class="btn btn-link nav-link mx-2 d-lg-none" aria-label="Search website">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
              <circle cx="10" cy="10" r="7" />
              <line x1="21" y1="21" x2="15" y2="15" />
            </svg>
          </button>
          <button class="btn btn-link nav-link mx-2 order-3 d-lg-none" type=button data-bs-toggle=offcanvas data-bs-target=#offcanvasNavMain aria-controls=offcanvasNavMain aria-label="Open main navigation menu">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
              <path stroke="none" d="M0 0h24v24H0z" fill="none" />
              <line x1="4" y1="8" x2="20" y2="8" />
              <line x1="4" y1="16" x2="20" y2="16" />
            </svg>
          </button>
          <div class="offcanvas offcanvas-end h-auto" tabindex=-1 id=offcanvasNavMain aria-labelledby=offcanvasNavMainLabel>
            <div class=offcanvas-header>
              <h5 class=offcanvas-title id=offcanvasNavMainLabel>My Docs</h5>
              <button type=button class="btn btn-link nav-link p-0" data-bs-dismiss=offcanvas aria-label=Close>
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                  <path d="M18 6 6 18" />
                  <path d="M6 6l12 12" />
                </svg>
              </button>
            </div>
            <div class="offcanvas-body d-flex flex-column flex-lg-row justify-content-between">
              <ul class="navbar-nav flex-grow-1">
                <li class=nav-item>
                  <a class=nav-link href=/docs/guides/example-guide/>Docs</a>
                </li>
                <li class=nav-item>
                  <a class="nav-link active" href=/blog/ aria-current=true>Blog</a>
                </li>
              </ul>
              <button type=button id=searchToggleDesktop class="btn btn-link nav-link p-2 d-none d-lg-block" aria-label="Search website">
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                  <circle cx="10" cy="10" r="7" />
                  <line x1="21" y1="21" x2="15" y2="15" />
                </svg>
              </button>
              <button id=buttonColorMode class="btn btn-link mx-auto nav-link p-0 ms-lg-2 me-lg-1" type=button aria-label="Toggle theme">
                <svg data-bs-theme-value="dark" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                  <path d="M12 3c.132.0.263.0.393.0a7.5 7.5.0 007.92 12.446A9 9 0 1112 2.992z" />
                </svg>
                <svg data-bs-theme-value="light" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sun" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                  <path d="M12 12m-4 0a4 4 0 108 0 4 4 0 10-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7-.7.7m0 11.4.7.7m-12.1-.7-.7.7" />
                </svg>
              </button>
              <ul id=socialMenu class="nav mx-auto flex-row order-lg-4">
                <li class=nav-item>
                  <a class="nav-link social-link" href=https://github.com/gethyas/doks>
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                      <path d="M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.5-1.4 5.5-6a4.6 4.6.0 00-1.3-3.2 4.2 4.2.0 00-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3.0 00-6.2.0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2.0 00-.1 3.2A4.6 4.6.0 004 9.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V21" />
                    </svg>
                    <small class="ms-2 visually-hidden">GitHub</small>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </header>
    </div>
    <div class=modal id=searchModal tabindex=-1 aria-labelledby=searchModalLabel aria-hidden=true>
      <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down">
        <div class=modal-content>
          <div class=modal-header>
            <h1 class="modal-title fs-5 visually-hidden" id=searchModalLabel>Search</h1>
            <button type=button class="btn-close visually-hidden" data-bs-dismiss=modal aria-label=Close>
            </button>
            <div class="search-input flex-grow-1 d-none">
              <form id=search-form class=search-form action=# method=post accept-charset=UTF-8 role=search>
                <label for=query class=visually-hidden>Search</label>
                <div class=d-flex>
                  <input type=search id=query name=query class="search-text form-control form-control-lg" placeholder=Search aria-label=Search maxlength=128 autocomplete=off>
                  <button type=button class="btn btn-link text-decoration-none px-0 ms-3 d-md-none" data-bs-dismiss=modal aria-label=Close>Cancel</button>
                </div>
              </form>
            </div>
          </div>
          <div class=modal-body>
            <p class="search-loading status message d-none mt-3 text-center">Loading search index…</p>
            <p class="search-no-recent message d-none mt-3 text-center">No recent searches</p>
            <p class="search-no-results message d-none mt-3 text-center">No results for "
              <strong>
                <span class=query-no-results>Query here</span>
              </strong>"</p>
            <div id=searchResults class=search-results>
            </div>
            <template>
              <article class="search-result list-view">
                <div class="card my-3">
                  <div class=card-body>
                    <header>
                      <h2 class="h5 title title-submitted mb-0">
                        <a class="stretched-link text-decoration-none text-reset" href=#>Title here</a>
                      </h2>
                      <div class="submitted d-none">
                        <time class=created-date>Date here</time>
                      </div>
                    </header>
                    <div class=content>Summary here</div>
                  </div>
                </div>
              </article>
            </template>
          </div>
          <div class=modal-footer>
            <ul class="list-inline me-auto d-none d-md-block">
              <li class=list-inline-item>
                <kbd class=me-2>
                  <svg width="15" height="15" aria-label="Enter key" role="img">
                    <g fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                      <path d="M12 3.53088v3c0 1-1 2-2 2H4m3 3-3-3 3-3" />
                    </g>
                  </svg>
                </kbd>
                <span class=DocSearch-Label>to select</span>
              </li>
              <li class=list-inline-item>
                <kbd class=me-2>
                  <svg width="15" height="15" aria-label="Arrow down" role="img">
                    <g fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                      <path d="M7.5 3.5v8m3-3-3 3-3-3" />
                    </g>
                  </svg>
                </kbd>
                <kbd class=me-2>
                  <svg width="15" height="15" aria-label="Arrow up" role="img">
                    <g fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                      <path d="M7.5 11.5v-8m3 3-3-3-3 3" />
                    </g>
                  </svg>
                </kbd>
                <span class=DocSearch-Label>to navigate</span>
              </li>
              <li class=list-inline-item>
                <kbd class=me-2>
                  <svg width="15" height="15" aria-label="Escape key" role="img">
                    <g fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                      <path d="M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993.0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016s1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5s-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864.0 1.6425 1.031 1.5443 2.2492h-2.956" />
                    </g>
                  </svg>
                </kbd>
                <span class=DocSearch-Label>to close</span>
              </li>
            </ul>
            <p class=d-md-none>Search by
              <a class=text-decoration-none href=https://github.com/nextapps-de/flexsearch>FlexSearch</a>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="wrap container-lg" role=document>
      <div class=content>
        <article>
          <div class="row justify-content-center">
            <div class="col-md-12 col-lg-10">
              <div class=blog-header>
                <h1>Example Post</h1>
                <p>
                  <small>September 7, 2023
                    <span class="stretched-link position-relative reading-time" title="Estimated reading time">
                      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-clock" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M3 12a9 9 0 1018 0A9 9 0 003 12" />
                        <path d="M12 7v5l3 3" /></svg>1&nbsp;minute</span>
                  </small>
                </p>
              </div>
            </div>
            <div class="col-md-12 col-lg-9">
              <p class=lead>You can use blog posts for announcing product updates and features.</p>
              <p>Well-thought-through product announcements will help increase feature awareness and engage users with new functionality. Just like
                <a href=https://canny.io/blog/should-you-have-a-public-roadmap/>sharing your public roadmap</a>, it&rsquo;s also a great way to let potential customers see that you&rsquo;re constantly improving.</p>
              <h2 id=further-reading>Further reading</h2>
              <ul>
                <li>Read
                  <a href=https://canny.io/blog/announce-product-updates-features/>How to announce product updates and features</a>
                </li>
              </ul>
            </div>
          </div>
        </article>
      </div>
    </div>
    <footer class="footer text-muted">
      <div class=container-lg>
        <div class=row>
          <div class="col-lg-8 text-center text-lg-start">
            <ul class=list-inline>
              <li class=list-inline-item>
                <a class=text-muted href=/privacy/>Privacy Policy</a>
              </li>
            </ul>
          </div>
          <div class="col-lg-8 text-center text-lg-end">
            <ul class=list-inline>
              <li class=list-inline-item>Powered by
                <a class=text-muted href=https://gethyas.com/>Hyas</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
    <script async src=/js/app.47b84f3b640408af6efe7bf4add1a36f5b9c6227fbae7b8bcdf0c9ce42fefc54.js integrity="sha256-R7hPO2QECK9u/nv0rdGjb1ucYif7rnuLzfDJzkL+/FQ=">
    </script>
    <script async src=/js/flexsearch.4fbcf65295026503d4d24ebe0aaa0bd656946284d6427b8231f61fc71aa40e99.js integrity="sha256-T7z2UpUCZQPU0k6+CqoL1laUYoTWQnuCMfYfxxqkDpk=">
    </script>
    <script async src=/js/search-modal.c4c023efcdee308e4b5f1110afe1db6b1656f217e67aa7efe54e2f4bf2feccf8.js integrity="sha256-xMAj783uMI5LXxEQr+HbaxZW8hfmeqfv5U4vS/L+zPg=">
    </script>
  </body>

</html>